{extend name="template/pc/shanyu/_base.html" /}
{block name="main"}
<!-- PC 左右框架 -->
<div class="container content cont-pc">

    {include file="template/pc/shanyu/_left.html"}

    <!-- 右边 -->
    <div class="col-md-9 right">

        {include file="template/pc/shanyu/_right.html"}

        <!-- 可变化内容 -->
        <div class="content_product_list">
            <ul>
                {volist name="list" id="vo" empty="$empty"}
                <li class="col-md-3">
                    <a title="{$vo.title}" href="{:url(\''.$cateInfo.model.'/detailed',['id'=>$vo.id,'navid'=>$vo.cid])}">
                        <div class="pro-img">
                            <img alt="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'not.jpg'}">
                        </div>

                        <div class="pro-txt">{$vo.title}</div>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
        <!-- #可变化内容 -->

        <!-- 分页 -->
        <div class="pages">
            <ul class="pagination">
                <li>
                    <span>{:lang('Common')} {$list->total()} {:lang('Strip')} / {$list->lastPage()} {:lang('Page')}</span>
                </li>
            </ul>
            {$list->render()}
        </div>
        <!-- #分页 -->
    </div>
    <!-- 右边 -->

</div>
<!-- #PC 左右框架 -->

<!-- 移动 框架 -->
<div class="cont-mobile">

    <!-- 主内容 -->
    <div class="container">

        {include file="template/pc/shanyu/_right.html"}

        {include file="template/pc/shanyu/_left.html"}

        <!-- 可变化内容 -->
        <ul class="product_list">

            {volist name="list" id="vo" empty="$empty"}
            <li class="col-xs-6">
                <a title="{$vo.title}" href="{:url(\''.$cateInfo.model.'/detailed',['id'=>$vo.id,'navid'=>$vo.cid])}">
                    <img class="img-responsive" alt="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'sm_nopic.jpg'}" />
                    <div class="text-center">{$vo.title}</div>
                </a>
            </li>
            {/volist}

        </ul>
        <!-- 可变化内容 -->

        <!-- 分页 -->
        <div class="page_content">
            <ul class="pagination"><li class=""><span>{$list->total()}/{$list->lastPage()}</span></li></ul>{$list->render()}
        </div>
        <!-- #分页 -->

    </div>
    <!-- #主内容 -->

</div>
<!-- #移动 框架 -->
{/block}